@vw: 3.75vw;

html,
body {
  height: 100%;
}

body {
  background-image: url(../image/外出1.jpg);
  background-repeat: no-repeat;
  background-size: 100%;

  input {
    position: absolute;
    border: 0px;
  }

  #inp1 {
    left: (100 / @vw);
    top: (105 / @vw);
    background-color: #f7f7f7;
    font-size: (13.3333 / @vw);

  }

  #inp2 {
    left: (100 / @vw);
    top: (125 / @vw);
    background-color: #f7f7f7;
    font-size: (13.3333 / @vw);

  }

  #inp3 {
    //background-color: pink;
    left: (124 / @vw);
    top: (173 / @vw);
    font-size: (13.3333 / @vw);

  }

  #inp4 {
    //background-color: pink;
    left: (124 / @vw);
    top: (210 / @vw);
    font-size: (13.3333 / @vw);

  }

  #inp5 {
    //background-color: pink;
    left: (124 / @vw);
    top: (240 / @vw);
    font-size: (13.3333 / @vw);

  }

  #inp6 {
    //background-color: pink;
    left: (124 / @vw);
    top: (314 / @vw);
    font-size: (13.3333 / @vw);

  }

  #inp7 {
    //background-color: pink;
    left: (77 / @vw);
    top: (367 / @vw);
    width: (60 / @vw);
    font-size: (16 / @vw);
  }

  #inp8 {
    left: (259 / @vw);
    top: (396 / @vw);
    color: #999;
    width: (110 / @vw);
    font-size: (13.3333 / @vw);

    //background-color: pink;
  }

  #inp9 {
    //background-color: pink;
    left: (259 / @vw);
    top: (470 / @vw);
    color: #999;
    width: (110 / @vw);
    font-size: (13.3333 / @vw);

  }

  button {
    position: absolute;
    width: (30 / @vw);
    height: (30 / @vw);
    opacity: 0;
  }

  #btn1 {
    left: (285 / @vw);
    //opacity: 1;
  }

  #btn2 {
    left: (327 / @vw);

  }
}